@layout("/common/_container.html",{css:["/assets/modular/frame/user_info.css"],js:["/assets/basic/basicCarrier/basicCarrier_edit.js"]}){
<style>
	.user-info-head {
	    width: 200px;
	    height: 180px;
	}
	
	.user-info-head img {
	    width: 200px;
	    height: 180px;
    	border-radius: 5%;
	}
	
	.user-info-head:hover:after {
	    border-radius: 5%;
    	line-height: 180px;
	}
	
	#container {
		width:1200px;
		height: 280px;
		position: relative;
	}
	.text-center{
		position: absolute;
	}
	.imgdiv-1{
		margin-left: 0px;
	}
	.imgdiv-2{
		margin-left: 220px;
	}
	.imgdiv-3{
		margin-left: 440px;
	}
	.imgdiv-4{
		margin-left: 660px;
	}
	.layui-form-item {
    	margin-bottom: 2px;
	}
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Edit</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="basicCarrierForm" lay-filter="basicCarrierForm" class="layui-form layui-form-pane" style="max-width: 1350px;margin: 10px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
			    	<legend>Edit Carrier Information</legend>
			  	</fieldset>
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label" style="font-weight: 600;">Project Department<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <select id="operateId" name="operateId" lay-filter="operateId" lay-verify="required" required>
                                @for(item in basicOperatelist!){
                                <option value="${item.id}">${item.operateName}</option>
                                @}
                            </select>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Company Code</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="carrierNumber" name="carrierNumber" placeholder="Please enter company code" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label" style="font-weight: 600;">Company Name<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="carrierName" name="carrierName" placeholder="Please enter company name" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Type</label>
				      <div class="layui-input-inline" style="width: 180px;">
	                        <select id="types" name="types" lay-filter="types" lay-verify="" required>
	                            <option value=""></option>
	                            <option value="Carrier Type A">Carrier Type A</option>
	                            <option value="Carrier Type B">Carrier Type B</option>
	                            <option value="Long Haul Transport">Long Haul Transport</option>
	                            <option value="Logistics">Logistics</option>
	                        </select>
				      </div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Abbreviation</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="abbreviation" name="abbreviation" placeholder="Please enter abbreviation" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">City</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="city" name="city" placeholder="Please enter city" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">License Number</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="xukezheng" name="xukezheng" placeholder="Please enter license number" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Business Scope</label>
				      <div class="layui-input-inline" style="width: 180px;">
	                        <select id="business" name="business" lay-filter="business" lay-verify="" required>
	                            <option value="Road">Road</option>
	                            <option value="Railway">Railway</option>
	                            <option value="Maritime">Maritime</option>
	                        </select>
				      </div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Legal Representative</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="legal" name="legal" placeholder="Please enter legal representative" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Contact Person</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="contacts" name="contacts" placeholder="Please enter contact person" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Contact Number</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="tel" name="tel" placeholder="Please enter contact number" type="text" class="layui-input" lay-verify="" required/>
				      </div>
						<div class="layui-form-mid">    </div>
						<label class="layui-form-label">Jilu Account</label>
						<div class="layui-input-inline" style="width: 180px;">
							<input id="carrierAccount" name="carrierAccount" placeholder="Please enter Jilu account" type="text" class="layui-input" lay-verify="" required/>
						</div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">License Issue Date</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="xukezhengfazhengriqi" name="xukezhengfazhengriqi" placeholder="Please enter license issue date" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Start Date</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="xukezhengqishiriqi" name="xukezhengqishiriqi" placeholder="Please enter start date" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">End Date</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="xukezhengzhongzhiriqi" name="xukezhengzhongzhiriqi" placeholder="Please enter end date" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Issuing Authority</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="xukezhengfazhengjiguan" name="xukezhengfazhengjiguan" placeholder="Please enter issuing authority" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Credit Rating</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="credit" name="credit" placeholder="Please enter credit rating" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Detailed Address</label>
				      <div class="layui-input-inline" style="width: 798px;">
                            <input id="address" name="address" placeholder="Please enter detailed address" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Notes</label>
				      <div class="layui-input-inline" style="width: 1106px;">
                            <input id="notes" name="notes" placeholder="Please enter notes" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>
				  
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
			    	<legend>Settlement Information</legend>
			  	</fieldset>
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Settlement Party</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="payee" name="payee" placeholder="Please enter settlement party" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Bank Name</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="bank" name="bank" placeholder="Please enter bank name" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Bank Location</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="bankAddress" name="bankAddress" placeholder="Please enter bank location" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Bank Account</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="bankAccount" name="bankAccount" placeholder="Please enter bank account" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Bank No</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="bankNo" name="bankNo" placeholder="Please enter bank code" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Settlement Cycle</label>
				      <div class="layui-input-inline" style="width: 180px;">
	                        <select id="cycle" name="cycle" lay-filter="cycle" lay-verify="" required>
	                            <option value=""></option>
	                            <option value="Monthly Settlement">Monthly Settlement</option>
	                            <option value="Receipt Settlement">Receipt Settlement</option>
	                        </select>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Tax Rate</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="taxRate" name="taxRate" placeholder="Please enter tax rate" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Oil Card</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <select id="oilCardNumber" name="oilCardNumber" lay-filter="oilCardNumber" lay-verify="" required>
	                            <option value=""></option>
                                @for(item in basicOilCardlist!){
                                <option value="${item.cardNumber}">${item.cardName}，${item.cardNumber}</option>
                                @}
                            </select>
				      </div>
				    </div>
				  </div>
				  
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>Attachment Information</legend>
                  </fieldset>
                  <div id="container">
                    <div class="text-center layui-text imgdiv-1">
                        <div class="user-info-head" id="imgHead">
                            <img id="avatarPreview" src="https://z3.ax1x.com/2021/08/03/ficppn.png"/>
                        </div>
                        <h3 style="padding-top: 20px;">Legal Person Photo</h3>
                        <input id="farenzhaopianfileid" name="farenzhaopianfileid" type="hidden"/>
                    </div>
                    <div class="text-center layui-text imgdiv-2">
                        <div class="user-info-head" id="imgHead2">
                            <img id="avatarPreview2" src="https://z3.ax1x.com/2021/08/03/ficppn.png"/>
                        </div>
                        <h3 style="padding-top: 20px;">License</h3>
                        <input id="xukezhengfileid" name="xukezhengfileid" type="hidden"/>
                    </div>
                    <div class="text-center layui-text imgdiv-3">
                        <div class="user-info-head" id="imgHead3">
                            <img id="avatarPreview3" src="https://z3.ax1x.com/2021/08/03/ficppn.png"/>
                        </div>
                        <h3 style="padding-top: 20px;">Bank Card</h3>
                        <input id="yinhangkafileid" name="yinhangkafileid" type="hidden"/>
                    </div>
			  	</div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Back&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}